<template>
  <div class="info_index">
    <a-card>
      <a-tabs default-active-key="1" tab-position="left">
        <a-tab-pane key="1" tab="个人中心">
          <MyInfo />
        </a-tab-pane>
        <a-tab-pane key="2" tab="安全设置">
          <SetPassword />
        </a-tab-pane>
        <a-tab-pane key="3" tab="个性化">
          <Personal />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
import MyInfo from './myInfo.vue'
import Personal from './personal.vue'
import SetPassword from './setPassword.vue'
  export default {
    components: {
      MyInfo,
      Personal,
      SetPassword
    }
  }
</script>

<style scoped>
 .info_index {
  width: 100%;
  flex: 1;
 }
</style>